<template>
  <!-- v-bind用来定义动态属性，可以用:简写 -->
   <h3>1.属性绑定</h3>
  <div v-bind:id="dynamicId" :class="dynamicClass"></div>
  <button :disabled="isbutton">按钮</button>
  <div v-bind="objectAtt"></div>
</template>

<script >

export default{
  data(){
    return{
      dynamicId:"appid",
      dynamicClass:"appclass",
      isbutton:false,
      objectAtt:{
        dynamicClass:'appclass',
        dynamicId:'appid'
      }
    }
  }
}
</script>

<style>
  .appclass{
    width: 50px;
    height: 50px;
    background-color: red;
  }

</style>


